<template>
    <div>
        <!-- 2. 值 -> 标签原生属性上 -->
        <!-- 语法: v-bind:原生属性名="vue变量" -->
        <a v-bind:href="url">点击去百度</a>
        <!-- 语法: :原生属性名="vue变量" -->
        <img :src="imgUrl" />
        <img :src="localImg">
    </div>
</template>
  
<script>
import imgObj from './assets/1.jpg' // 唯独js需要导入图片文件(css/标签里可以直接使用图片地址)
export default {
    // 1. 准备变量
    data() {
        return {
            url: 'http://www.baidu.com',
            imgUrl: "https://img.soft10.net/20220929/bcf3b385fbafa7f05558d8c190e34b29.jpg",
            localImg: imgObj
        }
    }
}
</script>
  
<style>

</style>